<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>css3 3D特效</title>
</head>
<style>
    #experiment{
        -webkit-perspective: 800px;
        -webkit-perspective-origin: 50% 50%;
        -webkit-transform-style: preserve-3d;;
    }
    #block{
        width: 500px;
        height: 500px;
        background-color: #69c;
        margin: 100px auto;
        -webkit-transform: rotateX(45deg);
    }
</style>
<body>
    <div id="experiment">
        <div id="block"></div>
    </div>
</body>
</html>